﻿<!DOCTYPE html>
<html>

	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>飞航国旅</title>
		<link href="../../css/css.css" rel="stylesheet" />
		<link href="../../css/iconfont.css" rel="stylesheet" />
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/common.js"></script>
	</head>

	<body>
		<div class="main">
			<header class="header">
				<div class="leftArrow">
					<a href="#">
						<i class="icon iconfont icon-jiantouzuo"></i>
					</a>
				</div>
				<div class="title">
					门票详情 </div>
				<div class="backHome">
					<a href="#">
						<i class="icon iconfont icon-shouye"></i>
					</a>
				</div>
			</header>
			<script src="../../js/hhSwipe.js"></script>
			<div class="addWrap">
				<div class="swipe" id="mySwipe">
					<div class="swipe-wrap">
						<div>
							<a href="javascript:;"><img class="img-responsive" src="../../img/details1.png" /></a>
						</div>
						<div>
							<a href="javascript:;"><img class="img-responsive" src="../../img/details2.png" /></a>
						</div>
						<div>
							<a href="javascript:;"><img class="img-responsive" src="../../img/details3.png" /></a>
						</div>
					</div>
				</div>

				<ul id="position">
					<li class="cur"></li>
					<li></li>
					<li></li>
				</ul>
				<div class="title">
					<a href="#">
						<h3>
							<span>江浙沪精选</span>
							<span class="floatRight">不可退不可改</span>
						</h3>
					</a>
				</div>
			</div>

			<script type="text/javascript">
				var bullets = document.getElementById('position').getElementsByTagName('li');
				var banner = Swipe(document.getElementById('mySwipe'), {
					auto: 4000,
					continuous: true,
					disableScroll: false,
					callback: function(pos) {
						var i = bullets.length;
						while(i--) {
							bullets[i].className = ' ';
						}
						bullets[pos].className = 'cur';
					}
				})
			</script>

			<div class="whitebg detailPrice border-bottom">
				【当天可订】南京魔豆天空门票
				<p class="font12 redFont">
				</p>
				<div class="clearfix">
					<span class="priceFont">￥</span><span class="priceFont marginRight font18">888</span><span class="greyFont marginRight">起</span>
					<p class="inlineBlock greyFont lineThrough">￥<span>1000</span></p>
					<div class="discount"><span>8折</span></div>
					<span class=" marginRight">佣金：</span><span class="priceFont">￥</span><span class="priceFont marginRight font18">888</span>
					<a class="phone-btn btn btn-green Tel"><i class="icon iconfont icon-dianhua-real"></i>&nbsp;&nbsp;客服</a>
				</div>

				<!--<span class="btn btn-yellow">
        <b>50人成团</b>&nbsp;&nbsp;拼车价&nbsp;&nbsp;<strong>29</strong>元
    </span>-->
				<!--<a href="#" class="btn bg-red">
						同时购买门票更优惠,去看看吧！&nbsp;&nbsp;<i class="icon iconfont icon-jiantouyou"></i>
				</a>-->
			</div>
			<!--选择开团-->
			<div class="shuttlebus ">
				<div class="shuttlebus_hd">
					点击查看景区旅游班车<i class="icon iconfont icon-chevron-circle-right"></i>
				</div>
				<div class="shuttlebus_bd">
					<div class="starttable-wrap">
						<div class="starttable">
							<div class="starttable_hd">
								<div class="startdate">
									5月06日
								</div>
								<div>
									周六
								</div>
							</div>
							<div class="starttable_bd">
								<div class="orangeFont">还差15人发车</div>
								<div> 23:59:52 结束</div>
							</div>
							<div class="starttable_ft">
								<div class="btn_item">车号<b>1</b></div>
								<div class="btn_item">余位<b>43</b></div>
							</div>
						</div>

						<div class="starttable">
							<div class="starttable_hd">
								<div class="startdate">
									5月07日
								</div>
								<div>
									周日
								</div>
							</div>
							<div class="starttable_bd">
								<div class="startnumber">还差15人发车</div>

							</div>
							<div class="starttable_ft">
								<div class="btn_item">车号<b>1</b></div>
								<div class="btn_item">余位<b>43</b></div>
							</div>
						</div>
						<div class="starttable">
							<div class="starttable_hd">
								<div class="startdate">
									5月08日
								</div>
								<div>
									周一
								</div>
							</div>
							<div class="starttable_bd">
								<div></div>
								<div class="startnumber">还差15人发车</div>
							</div>
							<div class="starttable_ft">
								<div class="btn_item">车号<b>1</b></div>
								<div class="btn_item">余位<b>43</b></div>
							</div>
						</div>

					</div>
					<div class="schedule">
						<div class="schedule_hd">
							上车地点
						</div>
						<div class="schedule_bd">
							<div class="kanban-wrap">
								<div class="kanban">
									<div class="kanban__place">安工程东门</div>
									<div class="kanban__time">6:50</div>
								</div>
								<div class="kanban">
									<div class="kanban__place">广济寺门口</div>
									<div class="kanban__time">7:00</div>
								</div>
                                <div class="kanban">
                                    <div class="kanban__place">商贸南门</div>
                                    <div class="kanban__time">7:20</div>
                                </div>
                                <div class="kanban bg_warning">
                                    <div class="kanban__place">返程时间</div>
                                    <div class="kanban__time">16:30</div>
                                </div>
							</div>
						</div>
						<div class="schedule_ft">（单台班车满15人即发车，不满15人出游前一天16点自动退款）</div>
					</div>

				</div>
			</div>

			<!--<div>
				<div class="nearby">
				<div class="nearby-tip">飞航专属景区班车服务</div>
				<div class="nearby-block">
					<div class="nearby-group">
						<a class="nearby-bd">
							<div class="nearby-num">必发班车<span class="f-r"> 车号：1， 余位：2</span></div>
							<div class="nearby-text">2017-3-23&nbsp;周四 <span class="f-r">剩余 23:59：:52 结束</span></div>
						</a>
					</div>
				</div>
				<div class="nearby-detail">
					<div class="nearby-group">
						<a class="nearby-bd">
							<div class="nearby-num">必发班车 <br /> 车号：1 ，余位：2</div>
							<div class="nearby-text">2017-3-22&nbsp;周三</div>
						</a>
					</div>
					<div class="nearby-group">
						<a class="nearby-bd">
							<div class="nearby-num">还差1人发车 <br /> 车号：1 ，余位：2</div>
							<div class="nearby-text">2017-3-21&nbsp;周二</div>
						</a>
					</div>
				</div>
			</div>
			<div class="detailPrice">
				<p class="font12 redFont">【东方神话】拼车购票达到15人即可符合发车条件，方特大学城班车到校门口来接哦！由于班车调配需要时间，请提前一天购票。如明天游玩，请在今天下午四点前尽早下单。如果达不到拼车条件，系统自动退款。</p>
				<div class="goods-desc">
					<p>（上车点）安徽师范大学、安徽机电学院、安徽联大学校、安徽商贸学院、安徽皖南医学院、安徽工程大学</p>
				</div>
			</div>
			</div>
			-->
			<div class="lineDetails marginTop">
				<ul class="ditailsTab halfTab">
					<li data-target="Summary" class="cur">景区介绍</li>
					<li data-target="Details">入园须知</li>
				</ul>
				<div>
					<div class="describe">
						<h2>拼车介绍</h2>
						<p>为了让游客度过一个温暖的狂欢夜场，方特梦幻王国内设置了多处篝火，方便游客取暖。最大的篝火将出现在梦幻主舞台前，游客们不仅能一边观赏火热的精彩演出，还能围着篝火欢快起舞。热闹的人群、热辣的舞蹈、以及热情的火焰，让每一位游客在冬日的夜晚也能温暖如春。</p>

					</div>
				</div>
			</div>
			<div class="footButton">
				<ul>
					<li>
						<a class="footIcon phone Tel"><i class="icon iconfont icon-dianhua"></i></a>
					</li>

					<li class="right">
						<a href="~/拼车/选择团期.cshtml" class="btn orangebg btnOrder"><i class="icon iconfont icon-bianji marginRight"></i>下一步</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		$(function() {
			$(".shuttlebus_hd").click(function() {
				$(".shuttlebus").toggleClass("active");
			})
		})
	</script>

</html>